<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
	<%--	<title>控制台 - Bootstrap后台管理系统模版Ace下载</title>--%>
		<%@ include file="/WEB-INF/views/include/header.jsp"%>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<!-- basic styles -->

		<%--<link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">--%>
		<link rel="stylesheet" href="<s:url value="/assets/dist/css/zsht.css"></s:url>?v=20180509">
        <style>#gongdilei-chart {
            height: 400px;
        }</style>


		
	</head>

	<body>
		<div class="page-content">
			<div class="zs-home">
				<!-- 整体情况 -->
				<div class="row">
					<h2 class="col-xs-12 module-header">整体情况</h2>
					<!-- 总完成 -->
					<div class="col-xs-4">
						<div class="module" id="total-rate-box">
							<h3>总体完成情况</h3>
							<p class="title">总完成率</p>
							<div id="total-rate-box-chart"></div>
							<span id="total-rate-num1">完成：<em> </em>项</span><br>
							<span id="total-rate-num2">目标：<em> </em>项</span><br>
							<%--<span id="total-rate-num3">总目标：<em> </em>项</span>--%>
						</div>
					</div>
					<div class="col-xs-4">
						<!-- 大好 -->
						<div class="module" id="dahao-box">
							<h3>按大项目、好项目与一般项目分类</h3>
							<div class="progress-container clearfix">
								<div class="progress">
								    <div class="progress-bar progress-bar-1" style="width: 90%;"></div>
								    <div class="progress-bar progress-bar-2" style="width: 10%;"></div>
								</div>
								<span class="pull-left progress-bar-info-1">
									大项目、好项目
									<p><em> </em>亿元</p>
								</span>
								<span class="pull-right progress-bar-info-2">一般项目
									<p><em> </em>亿元</p>
								</span>
							</div>

							<div class="progress-container clearfix">
								<div class="progress">
								    <div class="progress-bar progress-bar-1" style="width: 90%;"></div>
								    <div class="progress-bar progress-bar-2" style="width: 10%;"></div>
								</div>
								<span class="pull-left progress-bar-info-1">
									大项目、好项目
									<p><em> </em>项</p>
								</span>
								<span class="pull-right progress-bar-info-2">
									一般项目
									<p><em> </em>项</p>
								</span>
							</div>
						</div>
						<!-- 产业分类 -->
						<div class="module" id="cy-box">
							<h3>按产业分类</h3>
							<div class="progress-container clearfix">
								<div class="progress">
								    <div class="progress-bar progress-bar-1" style="width: 40%;"></div>
								    <div class="progress-bar progress-bar-2" style="width: 30%;"></div>
								    <div class="progress-bar progress-bar-3" style="width: 30%;"></div>
								</div>
								<span class="pull-left progress-bar-info-1">一产<p><em> </em>亿元</p></span>
								<span class="pull-left progress-bar-info-2">二产<p><em> </em>亿元</p></span>
								<span class="pull-right progress-bar-info-3">三产<p><em> </em>亿元</p></span>
							</div>
							<div class="progress-container clearfix">
								<div class="progress">
								    <div class="progress-bar progress-bar-1" style="width: 40%;"></div>
								    <div class="progress-bar progress-bar-2" style="width: 30%;"></div>
								    <div class="progress-bar progress-bar-3" style="width: 30%;"></div>
								</div>
								<span class="pull-left progress-bar-info-1">一产<p><em> </em>项</p></span>
								<span class="pull-left progress-bar-info-2">二产<p><em> </em>项</p></span>
								<span class="pull-right progress-bar-info-3">三产<p><em> </em>项</p></span>
							</div>
						</div>
					</div>
					<div class="col-xs-4">
						<!-- 5亿以上重大项目占比 -->
						<div class="module" id="zhongda5-box">
							<h3>5亿以上重大项目占比</h3>
							<div id="zhongda5-chart"></div>
						</div>
						<div class="module" id="qiye-box">
							<h3>按企业分类</h3>
							<div id="qiye-chart"></div>
						</div>
					</div>
					
				</div>
				<!-- 各小队情况 -->
				<!-- 各小队 -->
				<div class="row" id="gxd">
					<div class="col-xs-4 box-container" id="zy-teamrate">
						<div class="box3 clearfix zy-box">
							<p class="title">专业招商小分队</p>
							<div class="box-content pull-left">
								<p>大项目、好项目</p>
								<p class="box-text">完成率</p>
								<div class="box-chart" id="zy-d"></div>
							</div>
							<div class="box-content pull-right">
								<p>一般项目</p>
								<p class="box-text">完成率</p>
								<div class="box-chart" id="zy-h"></div>
							</div>
						</div>
					</div>
					<div class="col-xs-4 box-container" id="xz-teamrate">
						<div class="box3 clearfix xz-box">
							<p class="title">乡镇招商小分队</p>
							<div class="box-content pull-left">
								<p>大项目、好项目</p>
								<p class="box-text">完成率</p>
								<div class="box-chart" id="xz-d"></div>
							</div>
							<div class="box-content pull-right">
								<p>一般项目</p>
								<p class="box-text">完成率</p>
								<div class="box-chart" id="xz-h"></div>
							</div>
						</div>
					</div>
					<div class="col-xs-4 box-container" id=bm-teamrate" >
						<div class="box3 clearfix yg-box">
							<p class="title">有关责任单位</p>
							<div class="box-content pull-left">
								<p>大项目、好项目</p>
								<p class="box-text">完成率</p>
								<div class="box-chart" id="yg-d"></div>
							</div>
							<div class="box-content pull-right">
								<p>一般项目</p>
								<p class="box-text">完成率</p>
								<div class="box-chart" id="yg-h"></div>
							</div>
						</div>
					</div>

				</div>
				<div class="row">

					<!-- 招商项目各阶段进展情况 -->
					<h2 class="col-xs-12 module-header">招商项目各阶段进展情况  </h2>
					<!-- 意向项目 -->
					<div  class="ztqk-box">
						<div class="col-xs-3" id="f1">
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon1.png"></s:url>  >
									<span class="total-box-title">意向项目</span>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left"> ${empty summaryInfo.yixiang.num ?"0":summaryInfo.yixiang.num }<em>项</em></span>
										<span class="total-box-title-num pull-right">${empty summaryInfo.yixiang.sum1?"0":summaryInfo.yixiang.sum1}<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.yixiang.num1 ?"0":monthInfo.yixiang.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.yixiang.sum1?"0":monthInfo.yixiang.sum1} 亿元</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="yx-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="yx-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="yx-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
					<!-- 在谈项目 -->
					<div  class="ztqk-box">
						<div class="col-xs-3" id="f2">
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon2.png"></s:url>  >
									<span class="total-box-title">在谈项目</span>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left"> ${empty summaryInfo.zaitan.num ?"0":summaryInfo.zaitan.num  }<em>项</em></span>
										<span class="total-box-title-num pull-right">${empty summaryInfo.zaitan.sum1?"0":summaryInfo.zaitan.sum1 }<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.zaitan.num1 ?"0":monthInfo.zaitan.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.zaitan.sum1?"0":monthInfo.zaitan.sum1}亿元</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="zt-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="zt-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="zt-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
					<!-- 评审项目 -->
					<div  class="ztqk-box">
						<div class="col-xs-3" id="f3">
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon3.png"></s:url>>
									<span class="total-box-title">评审项目</span>
								<%--	<span class="total-box-title-num pull-right">56<em>项</em></span>--%>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left"> ${empty summaryInfo.pingshen.num ?"0":summaryInfo.pingshen.num }<em>项</em></span>
										<span class="total-box-title-num pull-right">${empty summaryInfo.pingshen.sum1?"0":summaryInfo.pingshen.sum1}<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.pingshen.num1 ?"0":monthInfo.pingshen.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.pingshen.sum1?"0":monthInfo.pingshen.sum1}亿元</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="ps-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="ps-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="ps-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
					<!-- 签约项目 -->
					<div  class="ztqk-box">
						<div class="col-xs-3" id="f4">
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon4.png"></s:url>>
									<span class="total-box-title">签约项目</span>
									<%--<span class="total-box-title-num pull-right">${contractNum}<em>项</em></span>--%>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left">${empty  summaryInfo.qianyue.num?0:summaryInfo.qianyue.num}<em>项</em></span>
										<span class="total-box-title-num pull-right">${empty  summaryInfo.qianyue.sum1?"0.0":summaryInfo.qianyue.sum1}<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.qianyue.num1 ?"0":monthInfo.qianyue.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.qianyue.sum1?"0":monthInfo.qianyue.sum1}亿元</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="qy-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="qy-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="qy-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
					<!-- 落地项目 -->
					<div class="ztqk-box">
						<div class="col-xs-3" id="f5" >
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon5.png"></s:url> >
									<span class="total-box-title">落地项目</span>
									<%--<span class="total-box-title-num pull-right">${landNum}<em>项</em></span>--%>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left">${empty summaryInfo.luodi.num?0:summaryInfo.luodi.num}<em>项</em></span>
										<span class="total-box-title-num pull-right">${empty summaryInfo.luodi.sum1?"0.0":summaryInfo.luodi.sum1}<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">注册项目：${empty  summaryInfo.zhuce.num ?"0":summaryInfo.zhuce.num  }项</span>
										<span class="pull-right">注册项目：${empty summaryInfo.zhuce.sum1?"0":summaryInfo.zhuce.sum1 }亿元</span>
									</div>
									<div>
										<span class="pull-left">备案项目： ${empty summaryInfo.beian.num ?"0":summaryInfo.beian.num  } 项</span>
										<span class="pull-right">备案项目：${empty summaryInfo.beian.sum1?"0":summaryInfo.beian.sum1 }亿元</span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.luodi.num1 ?"0":monthInfo.luodi.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.luodi.sum1?"0":monthInfo.luodi.sum1}亿元</span>
									</div>

								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="ld-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="ld-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="ld-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
					<!-- 审批项目 -->
					<div  class="ztqk-box">
						<div class="col-xs-3" id="f6">
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon6.png"></s:url>>
									<span class="total-box-title">审批项目</span>
									<span class="total-box-title-num pull-right">${approvalNum}<em>项</em></span>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left"> ${empty summaryInfo.shenpi.num ?"0":summaryInfo.shenpi.num  } <em>项</em></span>
										<span class="total-box-title-num pull-right">${empty summaryInfo.shenpi.sum1?"0":summaryInfo.shenpi.sum1 }<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.shenpi.num1 ?"0":monthInfo.shenpi.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.shenpi.sum1?"0":monthInfo.shenpi.sum1}亿元</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="sp-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="sp-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="sp-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
					<!-- 在建项目 -->
					<div  class="ztqk-box">
						<div class="col-xs-3" id="f7">
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon7.png"></s:url>>
									<span class="total-box-title">在建项目</span>
									<%--<span class="total-box-title-num pull-right">${constructionNum}<em>项</em></span>--%>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left"> ${empty summaryInfo.zaijian.num ?"0":summaryInfo.zaijian.num } <em>项</em></span>
										<span class="total-box-title-num pull-right">${empty summaryInfo.zaijian.sum1?"0":summaryInfo.zaijian.sum1}<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.zaijian.num1 ?"0":monthInfo.zaijian.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.zaijian.sum1?"0":monthInfo.zaijian.sum1}亿元</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="zj-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="zj-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="zj-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
					<!-- 投产项目 -->
					<div  class="ztqk-box">
						<div class="col-xs-3" id="f8">
							<div class="total-box">
								<div class="total-box-head">
									<img src=<s:url value="/assets/dist/img/homeicon8.png"></s:url>>
									<span class="total-box-title">投产项目</span>
									<%--<span class="total-box-title-num pull-right">${productionNum}<em>项</em></span>--%>
								</div>
								<div class="total-box-foot">
									<div>
										<span class="total-box-title-num pull-left"> ${empty summaryInfo.touchan.num ?"0": summaryInfo.touchan.num } <em>项</em></span>
										<span class="total-box-title-num pull-right">${empty summaryInfo.touchan.sum1?"0": summaryInfo.touchan.sum1}<em>亿元</em></span>
									</div>
									<div>
										<span class="pull-left">本月新增：${empty monthInfo.touchan.num1 ?"0":monthInfo.touchan.num1}项</span>
										<span class="pull-right">本月新增：${empty monthInfo.touchan.sum1?"0":monthInfo.touchan.sum1} 亿元</span>
									</div>
								</div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>项目按产业分类</h3>
								<div id="tc-hangye-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3>5亿以上重大项目占比</h3>
								<div id="tc-zhongda-chart" class="chart-container"></div>
							</div>
						</div>
						<div class="col-xs-3">
							<div>
								<h3 style="text-align: right;">大项目、好项目与一般项目情况 <span>内圆为项目数量、外圆为项目投资额</span></h3>
								<div id="tc-dahao-chart" class="chart-container"></div>
							</div>
						</div>
					</div>
				</div>

				<!--工地类，租赁累个数-->
				<%--<div class="row">--%>
					<%--<h2 class="col-xs-12 module-header">供地，租赁类数量</h2>--%>

						<%--<div class="module">--%>
							<%--<div class="col-xs-6">--%>
								<%--<div id="gongdilei-chart"></div>--%>
							<%--</div>--%>
							<%--<div class="col-xs-4">--%>
								<%--&lt;%&ndash;<div id="shaungzixing"></div>&ndash;%&gt;--%>
								<%--<img src="<s:url value="/assets/dist/img/lyfbt.jpg"></s:url>"  height="400" width="648" id="lvfbt-img" >--%>
							<%--</div>--%>
						<%--</div>--%>

				<%--</div>--%>
				<!-- 项目到资情况 -->
				<div class="row">
					<h2 class="col-xs-12 module-header">项目生效率</h2>
					<div class="col-xs-12">
						<div class="module">
							<div class="col-xs-12">
								<div id="daozi-chart"></div>
							</div>
							<%--<div class="col-xs-6">
								<div id="daozi2-chart"></div>
							</div>--%>
						</div>
					</div>
				</div>
				<!-- 项目推动需协调事项 -->
				<div class="row">
					<h2 class="col-xs-12 module-header">项目推动需协调事项</h2>
					<div class="col-xs-12">
						<div class="module">
							<table id="xietiao">
							<c:forEach items="${trouble}" var="trouble">
								<tr>
									<td>
										<div>${trouble.projectname} <span class="pull-right">${trouble.teamname}</span></div>
										<div>${trouble.trouble} <span class="pull-right"></span></div>
									</td>
									<%-- <td>
										<div>${trouble.projectname} <span class="pull-right">${trouble.teamname}</span></div>
										<div>${trouble.trouble} <span class="pull-right">2018.02.20</span></div>
									</td> --%>
								</tr>	
							</c:forEach>
							
							
							<!-- 	<tr>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
								</tr>
								<tr>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
								</tr>
								<tr>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
								</tr>
								<tr>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
									<td>
										<div>暂无数据 <span class="pull-right">暂无数据</span></div>
										<div>土地转让遇到困难 <span class="pull-right">2018.02.20</span></div>
									</td>
								</tr> -->
							</table>
						</div>
						
					</div>
				</div>
			</div>
			
		</div>

<%--	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="https://cdn.bootcss.com/echarts/4.0.2/echarts.min.js"></script>--%>
		<script src="<s:url value="/assets/dist/js/echarts.min.js"></s:url>"></script>
		<script src="<s:url value="/assets/dist/js/zsht.js"></s:url>?v=1"></script>
		<%@ include file="/WEB-INF/views/include/dialog.jsp" %>
		<%@ include file="/WEB-INF/views/include/footer.jsp" %>


	</body>
</html>

